<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商机详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/opportunityManager/user/userOpportunityDetail.css"/>
    <script th:inline="javascript">
        var opportunityData = [[${opportunity}]];
        console.log(opportunityData);
        // console.log(opportunityData, opportunityData.opportunityStatus)
    </script>
</head>
<body>
<input id="opportunityId" class="hidden" th:value="${opportunity.opportunityId}">
<input id="customerId" class="hidden" th:value="${opportunity.customerId}">
<input id="customerName" class="hidden" th:value="${opportunity.customerName}">
<input id="userName" class="hidden" th:value="${opportunity.userName}">
<input id="operatorName" class="hidden" th:value="${opportunity.operatorName}">
<div class="container-fluid content-page">
    <div class="card">
        <div class="card-header">
            <h1><img src="/images/content-title-1.png" alt="">商机详情<span th:text="${opportunity.opportunityId}"></span></h1>
            <div class="card-actions pull-right">
                <button type="button" class="btn btn-label btn-default" id="backBtn"><label><i class="mdi mdi-keyboard-backspace"></i></label>返回商机列表</button>
            </div>
        </div>
        <div class="card-body">
            <div class="well opportunity-info">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
                        <div class="info-box">
                            <div class="title">
                                <span><a href="#!" onclick="openCustomer();" th:text="${opportunity.customerName}"></a></span>
                                <h2 th:text="${opportunity.opportunityTitle}">中科互联科技财务部年度课程商机</h2>
                            </div>
                            <ul class="clearfix">
                                <li>商机金额<span th:text="${opportunity.estimatedSalesAmount?:'暂无金额'}">20000元</span></li>
                                <li>联系人<span th:text="${opportunity?.contactName?:'暂无联系人'}">王建国</span></li>
                                <!--<li>联系方式<span th:text="${opportunity?.contactInformation?:'暂无联系方式'}">13811681872</span>-->
                                <li>联系方式<span id="telNumber"></span>
                                    <!--无联系方式不显示拨打电话按钮-->
                                    <button class="tel-button" onclick="callCenter();" style="display: none;"><i class="mdi mdi-phone"></i></button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-7">
                        <ul class="wizard clearfix">
                            <li th:classappend="${opportunity.opportunityStatus == '1'}?'active':''"><a href="JavaScript:void(0);"><img src="/images/opportunity-wizard-1.png" alt=""></a><span>初步洽谈</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '2'}?'active':''"><a href="JavaScript:void(0);"><img src="/images/opportunity-wizard-2.png" alt=""></a><span>需求确定</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '3'}?'active':''"><a href="JavaScript:void(0);"><img src="/images/opportunity-wizard-3.png" alt=""></a><span>方案报价</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '4'}?'active':''"><a href="JavaScript:void(0);"><img src="/images/opportunity-wizard-4.png" alt=""></a><span>谈判</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '5'}?'active':''"><a href="JavaScript:void(0);"><img src="/images/opportunity-wizard-5.png" alt=""></a><span>洽谈合同</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '6'}?'active':''"><a href="JavaScript:void(0);" class="final-status"><img src="/images/opportunity-wizard-6.png" alt=""></a><span>赢单</span></li>
                            <li th:classappend="${opportunity.opportunityStatus == '7'}?'active':''"><a href="JavaScript:void(0);" class="final-status"><img src="/images/opportunity-wizard-7.png" alt=""></a><span>输单</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="cooperate">
                <span>协作人：</span>
                <input type="text" placeholder="请输入姓名" data-provide="typeahead" id="cooperateInput" class="form-control">
            </div>
        </div>
    </div>
    <div class="card">
        <ul class="nav nav-tabs tabs-lg" role="tablist">
            <li class="active"><a href="#trends" aria-controls="trends" role="tab" data-toggle="tab">商机动态</a></li>
            <li ><a href="#contacts" aria-controls="contacts" role="tab" data-toggle="tab">商机联系人</a></li>
            <li ><a href="#quote" aria-controls="quote" role="tab" data-toggle="tab">方案/报价</a></li>
            <!--<li ><a href="#competitor" aria-controls="competitor" role="tab" data-toggle="tab">竞品分析</a></li>-->
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane trends active" id="trends">
                <!--<div class="action clearfix">
                    <button type="button" class="btn btn-default btn-sm" data-toggle="collapse" data-target="#followForm">写跟进</button>
                    &lt;!&ndash;<button type="button" class="btn btn-default btn-sm">创建联系人</button>&ndash;&gt;
                    <button type="button" class="btn btn-default btn-sm">创建合同</button>
                </div>-->
                <div id="followFormBox" class="follow" th:if="${opportunity.opportunityContractType} ne 1">
                    <div id="followForm">
                        <div class="clearfix form-action">
                            <select name="followMode" id="followMode" title="请选择跟进方式" class="pull-left">
                                <option value="1">线上电话</option>
                                <option value="2">拜访</option>
                                <option value="3">微信</option>
                                <option value="4">线下电话</option>
                                <option value="5">邮箱</option>
                                <option value="6">陪访</option>
                            </select>
                            <!--<select name="followMode" id="intention" title="请选择意向状态" class="pull-left">
                                <option value="1">询问意向</option>
                                <option value="2">再次跟进</option>
                                <option value="3">成交</option>
                                <option value="4">意向关怀</option>
                            </select>-->
                            <div class="pull-left input">
                                <label for="">成交意向：</label>
                                <div class="input-group customerIntention">
<!--                                    /^((?!0)\d{1,2}|100)$/                /[^\d+$]/ig   /^[0-9]+.?[0-9]*$/  (^[0-9]{1,2}$)  this.value = this.value.replace(/[^\d+$]/ig,'') -->
                                    <input type="text" id="customerIntention" class="form-control" autocomplete="off" onkeyup="handleUp()"  >
                                    <span class="input-group-addon">%</span>
                                </div>
                            </div>
                            <div class="pull-left input">
                                <label>预计签单时间：</label>
                                <input type="text" id="estimatedTime" class="form-control">
                            </div>
                            <div class="pull-left input">
                                <label for="">联系人：</label>
                                <input type="text" id="followContactId" hidden>
                                <input type="text" onfocus="changeName(this);" class="form-control" id="followContact" autocomplete="off">
                                <ul id="followContactList" class="dropdown-menu"></ul>
                            </div>
                            <div class="pull-left input">
                                <label for="">联系电话：</label>
                                <input type="text" class="form-control" id="followPhone" autocomplete="off">
                            </div>
                            <div class="dropdown pull-left" id="phraseDropDown">
                                <button id="phrase" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-default btn-label btn-sm"><label><i class="mdi mdi-format-list-bulleted"></i></label>常用语</button>
                                <ul class="dropdown-menu" aria-labelledby="phrase"></ul>
                            </div>
                        </div>
                        <textarea placeholder="请输入跟进详情" class="form-control" id="followContent" maxlength="200"></textarea>
                        <div class="btn-box">
                            <!--<button type="button" class="btn btn-link btn-sm" data-toggle="collapse" data-target="#followForm">取消</button>-->
                            <button type="button" class="btn btn-primary btn-sm" id="publishBtn" onclick="publish(this);">发布</button>
                        </div>
                    </div>
                </div>
                <div id="followList"></div>
                <div class="loading-more" style="display: none;"><span>点击加载更多</span></div>
            </div>
            <div role="tabpanel" class="tab-pane contacts" id="contacts">
                <div class="toolbar clearfix">
                    <button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addContactModal" th:if="${opportunity.opportunityContractType} ne 1"><label><i class="mdi mdi-plus"></i></label>添加联系人</button>
                </div>
                <table id="contactList"></table>
            </div>
            <div role="tabpanel" class="tab-pane quote" id="quote" style="padding-top: 14px;">
                <div class="well form-well">
                    <h3>方案报价明细</h3>
                    <div id="productTableToolbar" class="toolbar clearfix" th:if="${opportunity.opportunityContractType} ne 1">
                        <button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addProductModal"><label><i class="mdi mdi-plus"></i></label>添加产品</button>
                        <div class="add-contract" id="addContractAction">
                            <label class="lyear-radio radio-inline radio-primary">
                                <input type="radio" name="creatType" value="newOrder"><span>新单商机</span>
                            </label>
                            <label class="lyear-radio radio-inline radio-primary">
                                <input type="radio" name="creatType" value="renewOrder"><span>续费商机</span>
                            </label>
                            <label class="lyear-radio radio-inline radio-primary">
                                <input type="radio" name="creatType" value="nomemberOrder"><span>非会员商机</span>
                            </label>
                            <button type="button" class="btn btn-info" onclick="addOpportunityContract();" disabled>创建合同</button>
                        </div>
                    </div>
                    <div class="total-box">
                        <!--计价总计-->
                        <input type="text" id="valuationTotal" hidden>

                        <div>报价折扣：<span id="discount">7%</span></div>
                        <div>优惠金额：<span id="discountAmount">2000</span></div>
                        <div>报价总计：<span id="discountTotal">0.00</span></div>
                    </div>
                    <table id="productTable"></table>
                    <!--<h3 class="m-t-15">赠品</h3>
                    <div id="giftTableToolbar" class="toolbar" th:if="${opportunity.opportunityContractType} ne 1">
                        <button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addGiftModal"><label><i class="mdi mdi-plus"></i></label>添加赠品</button>
                    </div>
                    <table id="giftTable"></table>-->

                    <h3 class="m-t-15">优惠券</h3>
                    <div id="couponTableToolbar" class="toolbar" th:if="${opportunity.opportunityContractType} ne 1">
                        <button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addCouponModal"><label><i class="mdi mdi-plus"></i></label>添加优惠券</button>
                    </div>
                    <table id="couponTable"></table>

                    <div id="chargesBox" th:if="${opportunity.opportunityContractType} ne 1">
                        <h3 class="m-t-15">附加费用</h3>
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <label class="control-label">金额</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" placeholder="该费用不计入业绩和提成" id="surcharge" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 surcharge-remarks">
                                <label class="control-label label-required">备注</label>
                                <div class="form-content">
                                    <textarea class="form-control" rows="3" placeholder="不多于100字" id="orderSurchargeRemark"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="well form-well file-well clearfix">
                    <div class="file-group">
                        <h5 class="label-required">方案展示模板</h5>
                        <div class="img-box" id="contractImgBox"></div>
                        <div class="input-group">
                            <input type="text" class="form-control" value="http://www.nsrjlb.com">
                            <span class="input-group-btn">
                                        <button class="btn btn-default file-browser" type="button">复制</button>
                                    </span>
                        </div>
                    </div>
                    <div class="file-group">
                        <h5 class="">&nbsp;</h5>
                        <div class="img-box" id="contractImgBox"></div>
                        <div class="input-group">
                            <input type="text" class="form-control" value="http://www.nsrjlb.com">
                            <span class="input-group-btn">
                                        <button class="btn btn-default file-browser" type="button">复制</button>
                                    </span>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="competitor">4</div>
        </div>
    </div>
</div>
<!-- 常用语 弹窗 -->
<div class="modal fade" tabindex="-1" role="dialog" id="phraseSetModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>编辑常用语</h4>
            </div>
            <div class="modal-body">
                <div class="dd drag-box" id="dragBox">
                    <ol class="dd-list"><li></li></ol>
                </div>
                <button class="btn btn-default btn-sm" id="addOnePhrase"><i class="mdi mdi-plus"></i> 新增一条</button>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="editPhrase">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加联系人 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="addContactModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>添加联系人</h4>
            </div>
            <div class="modal-body">
                <div class="input-group m-b-10 w-30 pull-right">
                    <input type="text" class="form-control" placeholder="请输入联系人名称" id="searchContactName">
                    <span class="input-group-btn"><button type="button" class="btn btn-default" id="contactSearch" onclick="addContactModal();">搜索</button></span>
                </div>
                <table id="contactListTable"></table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="addContactBtn" onclick="addContact('contactListTable', 'contactList');">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加产品 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="addProductModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>添加产品</h4>
            </div>
            <div class="modal-body">
                <!--<div class="select-switch pull-left" id="productCategories">
                    <label><input type="radio" name="productCategories" value="" checked><span>全部</span></label>
                    <label><input type="radio" name="productCategories" value="1"><span>会员</span></label>
                    <label><input type="radio" name="productCategories" value="0"><span>非会员</span></label>
                </div>
                <div class="input-group m-b-10 w-30 pull-right">
                    <input type="text" class="form-control" placeholder="请输入产品名称" id="searchProductName">
                    <span class="input-group-btn"><button type="button" class="btn btn-default" id="productSearch">搜索</button></span>
                </div>
                <table id="productListTable"></table>-->
                <ul class="nav nav-tabs select-switch pull-left" role="tablist" id="productTab">
                    <li role="presentation" class="active"><a href="#member" aria-controls="member" role="tab" data-toggle="tab">会员</a></li>
                    <li role="presentation"><a href="#nonmember" aria-controls="profile" role="nonmember" data-toggle="tab">非会员</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="member">
                        <div class="input-group m-b-10 w-30 pull-right">
                            <input type="text" class="form-control" placeholder="请输入会员产品名称" id="searchMemberProductName" autocomplete="off">
                            <span class="input-group-btn"><button type="button" class="btn btn-default" id="memberProductSearch">搜索</button></span>
                        </div>
                        <table id="memberProductListTable"></table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="nonmember">
                        <div class="input-group m-b-10 w-30 pull-right">
                            <input type="text" class="form-control" placeholder="请输入非会员产品名称" id="searchNomemberProductName" autocomplete="off">
                            <span class="input-group-btn"><button type="button" class="btn btn-default" id="nomemberProductSearch">搜索</button></span>
                        </div>
                        <table id="nomemberProductListTable"></table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="addProductBtn" class="btn btn-primary" onclick="addProductRow();">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加赠品 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="addGiftModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>添加赠品</h4>
            </div>
            <div class="modal-body">
                <div class="input-group m-b-10 w-30 pull-right">
                    <input type="text" class="form-control" placeholder="请输入赠品名称" id="searchGiftName">
                    <span class="input-group-btn"><button type="button" class="btn btn-default" id="GiftSearch">搜索</button></span>
                </div>
                <table id="productGiftListTable"></table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="addGiftBtn" onclick="addGift('productGiftListTable', 'giftTable');">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加优惠券 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="addCouponModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>添加优惠券</h4>
            </div>
            <div class="modal-body">
                <div class="row m-b-15">
                    <div class="col-xs-8">
                        <div class="select-switch" id="couponCategories">
                            <label><input type="radio" name="couponCategories" value="1" checked><span>折扣类</span></label>
                            <label><input type="radio" name="couponCategories" value="2" ><span>额度类</span></label>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入优惠券名称" id="searchCouponName">
                            <span class="input-group-btn"><button type="button" class="btn btn-default" id="couponSearch">搜索</button></span>
                        </div>
                    </div>
                </div>
                <table id="couponListTable" data-maintain-meta-data="true"></table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="addRow('couponListTable', 'couponTable');">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 创建合同 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" data-backdrop="static" role="dialog" id="addOpportunityContractModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="title"></h4>
            </div>
            <div class="modal-body">
                <form id="customerForm">
                    <div class="well form-well p-b-0">
                        <h2>基本信息</h2>
                        <div class="row">
                            <div class="col-xs-7" id="contractGroup" style="display: none;">
                                <label class="control-label label-required">请选择续费期内的合同</label>
                                <div class="form-group">
                                    <select id="opportunityCustomerContract" name="opportunityCustomerContract" title="请选择" class="form-control">
                                    </select>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-xs-4">
                                <label class="control-label label-required">设置合同起止日期</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="contractDate" name="contractDate" placeholder="请选择合同起止日期" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <label class="control-label label-required">支付方式</label>
                                <div class="form-group">
                                    <select class="form-control" title="请选择" id="paymentMethod" name="paymentMethod">
                                        <option th:selected="${contract?.paymentMethod == '2'}" value="2">线下支付</option>
                                        <option th:selected="${contract?.paymentMethod == '3'}" value="3">余额支付</option>
<!--                                        <option th:selected="${contract?.paymentMethod == '4'}" value="4">转入额支付</option>
                                        <option th:selected="${contract?.paymentMethod == '5'}" value="5">余额＋转入额支付</option>-->
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <label class="control-label">付款账号</label>
                                <div class="form-group">
                                    <input name="" id="paymentAccount" type="text" class="form-control" placeholder="请输入付款账号">
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <label class="control-label label-required">是否加盖公章</label>
                                <div class="form-content p-t-10">
                                    <label class="lyear-radio radio-inline radio-primary m-l-5">
                                        <input type="radio" name="applyElectronicContract" value="1"><span>是</span>
                                    </label>
                                    <label class="lyear-radio radio-inline radio-primary m-l-10">
                                        <input type="radio" name="applyElectronicContract" value="0" checked><span>否</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="well form-well">
                        <h3>相关产品</h3>
                        <table id="contractProductList"></table>
                        <h3 class="m-t-15 modal-coupon-title">优惠券</h3>
                        <table id="contractCouponList"></table>
                    </div>
                    <div id="amountWell" class="well form-well p-b-0">
                        <h2>合同金额</h2>
                        <div class="row amount-total">
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                                <div class="well">
                                    <h5>合同总金额</h5>
                                    <p id="totalAmount">0.00</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                                <div class="well">
                                    <h5>合同优惠总金额</h5>
                                    <p id="totalDiscount">0.00</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                                <div class="well">
                                    <h5>合同实际总金额</h5>
                                    <p id="realAmount">0.00</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                                <div class="well">
                                    <h5>应收款</h5>
                                    <p id="receivables">0.00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="well form-well">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                <div class="file-group form-group">
                                    <h5 class="">合同附件</h5>

                                    <!--                            <input type="file" accaccept=".png,.jpg,.jpeg,.bmp,.gif,.docx,.doc" class="hidden" id="contractImg" >-->
                                    <!--                            <input type="hidden" id="contractPic" class="image-id" >-->
                                    <!--                            <div class="img-box" id="contractImgBox"></div>-->
                                    <!--                            <button class="btn btn-default file-browser" type="button" >上传合同附件</button>-->
                                    <div class="file-box">
                                        <input type="hidden" id="contractPic" class="image-id" >
                                        <input type="file"  id="contractImg" name="contractImg" class="form-control" accept=".doc,.pdf,.docx" onchange="uploadImg('contractImg')">
                                        <!--                                <input type="file" id="fileToUpload" name="fileToUpload" class="form-control"  onchange="fileSelected('fileToUpload')" />-->

                                    </div>
                                    <!--                            <div class="file-box">-->
                                    <!--                                <input type="file" id="file" class="hidden" />-->
                                    <!--                                <label for="file" class="form-control" id="fileLabel">选择补充材料</label>-->
                                    <!--                                <button class="btn btn-primary" type="button" onclick="uploadReplenishAnnex()">提交</button>-->
                                    <!--                            </div>-->
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 approval">
                                <div class="file-group">
                                    <h5 class="">合同审核</h5>
                                    <div class="file-box">
                                        <input type="hidden" id="examinedPic" class="image-id">
                                        <input type="file"  id="examineImgBox" name="examineImgBox" class="form-control" accept=".doc,.pdf,.docx" onchange="uploadImg('examineImgBox')">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <h5 class="">备注</h5>
                                <textarea class="form-control" placeholder="请输入备注" id="contractReviewNotes"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="well form-well cooperate-well" id="cooperateWell" style="display: none;">
                        <h3>合作开发人员</h3>
                        <div id="cooperateTableToolbar" class="toolbar">
                            <!--<button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addCooperateModal"><label><i class="mdi mdi-plus"></i></label>添加合作开发人员</button>-->
                            <select name="companiesList" id="companiesList" title="请选择分公司" data-live-search="true" onchange="getAccountList(this);" class="pull-left m-r-10"></select>
                            <select name="accountList" id="accountList" title="请选择合作开发人员" data-live-search="true" class="pull-left m-r-10" disabled></select>
                            <button type="button" class="btn btn-success btn-label" id="addCooperateBtn" disabled onclick="addCooperate();"><label><i class="mdi mdi-plus"></i></label>添加</button>
                        </div>
                        <table id="cooperateTable"></table>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="addContract" class="btn btn-primary" onclick="addContract(this);">创建合同</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/common/city.js"></script>
<!--消息提醒-->
<script type="text/javascript" src="/js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="/js/crm/common/lightyear.js"></script>
<!--日期选择插件-->
<script src="/js/crm/common/common.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!--下拉框-->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<!-- 标签插件 -->
<script type="text/javascript" src="/js/bootstrap-tagsinput/typeahead.bundle.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
<!-- 拖曳排序 -->
<script type="text/javascript" src="/js/jquery.nestable.js"></script>
<!-- 点击加载更多 -->
<!--<script type="text/javascript" src="/js/loadmore.js"></script>-->
<script src="/js/bootstrapTableSelect.js"></script>
<script src="/js/crm/opportunityManager/user/userOpportunityDetail.js"></script>
</html>